<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>个人中心-魔步网</title>
<?php include_once(VIEWPATH."public/header_title.php");?>
<link href="<?php echo _get_cfg_path('css')?>base.css" type="text/css" rel="stylesheet" />
<link href="<?php echo _get_cfg_path('css')?>common.css" type="text/css" rel="stylesheet" />
<link href="<?php echo _get_cfg_path('lib')?>uploadify/uploadify.css" type="text/css" rel="stylesheet" />
<!--[if IE 6]>
<script src="<?php echo _get_cfg_path('js')?>DD_belatedPNG.js" type="text/javascript" ></script>
<script>DD_belatedPNG.fix('a,img');</script>
<![endif]-->
</head>
<body>
<?php include_once(VIEWPATH."public/header.php");?>
<div class="mainbody" id="mainbody">
    <div class="container mrgB30">
        <div class="member clearfix">
            <?php include_once(VIEWPATH."m/public/left_menu.php");?>
            <div class="fr uc_content">
            	<?php include_once(VIEWPATH."m/public/notice.php");?>
                <div class="clearfix uitopg">
                	<!--头像上传-->
                    <div class="menu_photo clearfix">
                         <form action="" method="post" enctype="multipart/form-data">
                             <input name="headPhoto" type="hidden" value="headPhoto" />
                             <div class="clearfix">
                                 <div class="photo_left_bg">
                                     <div class="upload_btn">
                                        <a href="javascript:">选择图片<input type="file" onChange="previewImage(this)" name="preimg"></a>
                                        <br/>
                                        <span>支持JPG/PNG/GIF，上传图片大小不能超过1M</span>
                                     </div>
                                 </div>
                                 <div class="left fl">
                                     <div id="localImag"><img id="preview1" src="" style="display:none;"/></div>
                                     <!--通过生成尺寸和旋转角度 后台获取尺寸和旋转角度再进行裁剪-->
                                     <input id="id_top" type="hidden" name="top" value="0">  <!--x轴-->
                                     <input id="id_left" type="hidden" name="left" value="0"><!--y轴-->
                                     <input id="id_right" type="hidden" name="right" value="0"><!--w轴-->
                                     <input id="id_bottom" type="hidden" name="bottom" value="0"><!--h轴-->
                                     <input id="id_widthPro" type="hidden" name="widthPro" value=""><!--宽度比例，原：现-->
                                     <input id="id_heightPro" type="hidden" name="heightPro" value=""><!--高度比例，原：现-->
                                     <input id="rotation" type="hidden" value="0" name="rotation">
                                 </div>
                                 <div class="right fr clearfix">
                                 	<div class="small100 img" id="small50">
                                     	<img src="<?php echo _get_cfg_path('images')?>/photo.png" width="130" height="130" id="small50_img"/>
                                     </div>
                                     <span>130*130PX 圆形预览</span>
                                     
                                     <div class="small100 img" id="small100">
                                     	<img src="<?php echo _get_cfg_path('images')?>/photo.png" width="130" height="130" id="small100_img"/>
                                     </div>
                                     <span>130*130PX 方形预览</span>
                                     
                                     <div class="small30 img" id="small30">
                                     	<img src="<?php echo _get_cfg_path('images')?>/photo.png" width="60" height="60" id="small30_img"/>
                                     </div>
                                     <span style="display:none">60*60像素</span>
                                 </div>
                             </div>
                             <div class="menu_photo_bz">*备注：您上传的头像会自动生成两种尺寸，请注意头像是否清晰。</div>
                             <div class="menu_photo_but">
                                 <input type="submit" value="保存设置"  class="b2 sub_head_photo"/>
                                 <input type="reset" value="取消"  class="b1" onclick="photo_reset()"/>
                             </div>
                         </form>
                    </div>
                </div>
            </div>
        </div>
        <div class="help_bottom"></div>
    </div> 
</div>
<!--mainbody-->
<?php include_once(VIEWPATH."public/footer.php");?>
</body>
<script type="text/javascript" src="<?=_get_cfg_path('js')?>jquery-1.11.2.min.js"></script>
<!--头像上传裁剪-->
<script type="text/javascript" src="<?=_get_cfg_path('js')?>jquery.imgareaselect.js"></script>
<script type="text/javascript" src="<?=_get_cfg_path('js')?>common.js"></script>
<script type="text/javascript" src="<?=_get_cfg_path('js')?>jquery.SuperSlide.2.1.1.js"></script>
<script type="text/javascript">
jQuery(".txtScroll-top").slide({titCell:".hd ul",mainCell:".bd ul",autoPage:true,effect:"topLoop",autoPlay:true});

$(function(){
	$(".sub_head_photo").click(function(){
		var file = $("input[name='preimg']").val();
		if(file == undefined || file == "")
		{
			alert("请选择图片");
			return false;
		}
	});
})
</script>
</html>